]]></b:skin>

#table {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 13px;
    margin: 10px -12px;
    width: 580px;
    text-align: left;
    border-collapse: collapse;
   direction:ltr;
}
#table th {
    font-size: 13px;
    font-weight: normal;
    padding: 8px;
   
 background: #b9c9fe 
url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigBTgPUQecs6kqD1TRZqKi5jWEGzlum4SYNeMZ-L1DltFmZukGL1VT8vnZotqHxneXBXxz9y0O_EoY574-lg8ylC5UqQKM4h_TILek3UWbt3t-rD5sMGL_HKzou0sJyLVWc1fBW8SFkG2A/s1600/gradhead.png')
 repeat-x;
    border-top: 2px solid #d3ddff;
    border-bottom: 1px solid #fff;
    color: #039;

}
#table td {
    padding: 8px;
    border-bottom: 1px solid #fff;
    color: #4c4c4c;
    border-top: 1px solid #fff;
   
 background: #e8edff 
url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWbckUvSzAOsbvBHb50NT7_-Ww0ekBXiU8V6WIGIr1joURVTMgeQ07wAU0YeLRGr4y6tYijU8r_Ln7qwzARbksGQrRO1TrBmPAdFzD4Gc2Sald6zNK3KBhjYFejxogfljQPCFcn1V2I9LG/s1600/gradback.png')
 repeat-x;
}
#table tfoot tr td {
    background: #e8edff;
    font-size: 20px;
    color: #99c;
    text-align:center;
}
#table tbody tr:hover td {
   
 background: #d0dafd 
url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDfZIFSplIC7ro0DYS9q9XVPrbGbSnbMFt6ttq-pn7QoZ-BPGqUWx8rhnPSGhHyHV0EJrA8v2UaGnwdcE_opzUtIXHUEULk45tjkw0wJ_nzqjfXSBZyHDI-cElX70_JyqgsSW0sQFJzUyx/s1600/gradhover.png')
 repeat-x;
    color: #339;
}
#table a:hover {
    text-decoration:underline;
}

<data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<table id='table' summary='روابط الموضوع'>
  <tfoot>
    <tr>
      <td colspan='2'>روابط هذه التدوينة قابلة للنسخ واللصق</td>
    </tr>
  </tfoot>
<tr>
  <td>URL</td>
 
 <td><input expr:value='data:post.canonicalUrl' 
onclick='this.focus(); this.select();' readonly='readonly' style='width:
 560px;' type='text'/></td>
</tr><tr>
  <td>HTML</td>   
<td><input
 expr:value='&quot;&lt;a href=&amp;quot;&quot; + 
data:post.canonicalUrl + &quot;&amp;quot; 
title=&amp;quot;&quot; + data:post.title + 
&quot;&amp;quot;&gt;&quot; + data:post.title + 
&quot;&lt;/a&gt;&quot;' onclick='this.focus(); 
this.select();' readonly='readonly' style='width: 560px;' 
type='text'/></td>
</tr><tr>
  <td>BBCode</td>
 
 <td><input expr:value='&quot;[url=&quot; + 
data:post.canonicalUrl + &quot;]&quot; + data:post.title + 
&quot;[/url]&quot;' onclick='this.focus(); this.select();' 
readonly='readonly' style='width: 560px;' type='text'/></td>
</tr>
</table> </b:if>

  <!-- Post Views Script by MBT -->
<script type='text/javascript'>
window.setTimeout(function() {
document.body.className = document.body.className.replace('loading', '');
}, 10);
</script>
<script src='https://cdn.firebase.com/v0/firebase.js' type='text/javascript'/>
<script>
$.each($('a[name]'), function(i, e) {
var elem = $(e).parent().find('#postviews').addClass('mbtloading');
var blogStats = new Firebase("https://youss10.firebaseIO.com/pages/id/" + $(e).attr('name'));
blogStats.once('value', function(snapshot) {
var data = snapshot.val();
var isnew = false;
if(data == null) {
data= {};
data.value = 0;
data.url = window.location.href;
data.id = $(e).attr('name');
isnew = true;
}
elem.removeClass('mbtloading').text(data.value);
data.value++;
if(window.location.pathname!='/')
{
if(isnew)
blogStats.set(data);
else
blogStats.child('value').set(data.value);
}
});
});
</script>

<!-- Post Views Counter by MBT-->
<div id='views-container'>
<span class='views-icon'/><div class='views-text'>
الزيارات:</div>
<div class='mbtloading viewscount' id='postviews'/>
</div>